@font-face {
	font-family: Comfortaa;
	src: url(Comfortaa-VariableFont_wght.ttf);
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Comfortaa';
}

body {
	background-color: #000;
	color: #fff;
	line-height: 1.5;
}

section {
	margin: 20px;
}

.rainbow-text {
	background: linear-gradient(
		to right,
		#6224e4,
		#b300cc,
		#e100b2,
		#ff189a,
		#6224e4,
		#6224e4,
		#b300cc,
		#e100b2,
		#ff189a,
		#6224e4
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: rainbow_animation 1.5s ease-in-out infinite;
	cursor: pointer;
	background-size: 400% 100%;
	transform: translateX(-100%);
}

@keyframes rainbow_animation {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 100% 0;
	}
	100% {
		background-position: 0 0;
	}
}
